import React from "react";
function home(props){
    return(
    <div>
        <h5>{new Date().toLocaleDateString()}</h5>
        <div class="input-group mb-3">
            <div class="input-group-prepend">
                <span class="input-group-text" id="inputGroup-sizing-default">设定时间(s):</span>
            </div>
            <input onChange='' id="inputSum" type="text" value="120" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default"/>
        </div>
        <div class="input-group mb-3">
            <div class="input-group-prepend">
                <span class="input-group-text" id="inputGroup-sizing-default">播报间隔(s):</span>
            </div>
            <input onChange='' id="inputSpan" type="text" value="5" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default"/>
        </div>
        <h5 id="endTime">2024-09-29 00:42:01 星期日</h5>
                    <div>
                        <div id="waitCount" class="alert alert-primary" role="alert">5</div>
                        <div id="countdown" class="alert alert-danger" role="alert">0 </div>
                        <div id="countup" class="alert alert-warning" role="alert">0 </div>
                    </div>
                    <div class="btn-group-justified btn-group" role="group">
                        <div class="btn-group" role="group">
                            <button id="btnStart" type="button" onclick="btnStart()"
                                class="btn btn-danger btn-lg">开始</button>
                        </div>
                        <div class="btn-group" role="group">
                            <button id="btnStop" type="button" onclick="btnStop()"
                                class="btn btn-primary btn-lg">暂停</button>
                        </div>
                        <div class="btn-group" role="group">
                            <button id="btnRef" type="button" onclick="location.reload()"
                                class="btn btn-info btn-lg">刷新</button>
                        </div>
                    </div>
    </div>)
}
export default home;